<template>
  <main>
    <el-table
      :data="list"
      border
      style="width: 100%;border:1px solid #00BDAC;"
      height="95%"
      :header-cell-style="{borderRight:'none',backgroundColor:'#00BDAC',color:'#FFFFFF'}"
    >
      <el-table-column align="center" prop="order" width="100px" label="序号"></el-table-column>
      <el-table-column align="center" prop="tower" width="150px" label="楼栋"></el-table-column>
      <el-table-column align="center" prop="point" label="签到点位置"></el-table-column>
      <el-table-column align="center" prop="time" width="200px" label="签到时间限制"></el-table-column>
      <el-table-column align="center" label="签到二维码下载" width="150px">
        <template slot-scope="scope">
          <el-button size="mini" class="greenButton" @click="actionDown(scope.$index, scope.row)">下载</el-button>
        </template>
      </el-table-column>
    </el-table>
  </main>
</template>

<script>
export default {
  data: function() {
    return {
      currentPage:1,
      pagesize:10,
      list: [
        {
          id: 1,
          order: 1,
          tower: '1号楼',
          point: '三层501',
          time: '3:00-18:00',
          src: ''
        },
        {
          id: 2,
          order: 3,
          tower: '1号楼',
          point: '三层501',
          time: '3:00-18:00',
          src: ''
        }
      ],
      isShowEdit: false
    };
  },
  created(){
    this.ajaxCommon.ajax({
      url: 'numberList',
      success: (res) => {
        var list = [];
        //this.list = this.list.concat(list)
      }
    });
  },
  methods: {
    //分页
    handleCurrentChange(val){
      this.currentPage = val;
    },
    actionDown(index, row) {

    }
  }
};
</script>
